<div role="navigation" class="navbar header no-margin">
    <div class="container">
        <div class="navbar-header">
            <!-- BEGIN RESPONSIVE MENU TOGGLER -->
            <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!-- END RESPONSIVE MENU TOGGLER -->
            <a href="index.html" class="dropdown-toggle navbar-brand" data-toggle="dropdown" data-delay="0" data-close-others="false" data-target="product-list.html">
            	<img src="assets/img/logo_red.png" alt="omaila.com">
            </a><!-- LOGO -->
        </div>
        <!-- BEGIN CART -->
        <div class="cart-block">
            <div class="cart-info">
                <a href="javascript:void(0);" class="cart-info-count">3 items</a>
                <a href="javascript:void(0);" class="cart-info-value">￥1260</a>
            </div>
            <i class="fa fa-shopping-cart"></i>
            <!-- BEGIN CART CONTENT -->
            <div class="cart-content-wrapper">
              <div class="cart-content">
                <ul class="scroller" style="height: 250px;">
                  <li>
                    <a href="item.html"><img src="assets/temp/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
                    <span class="cart-content-count">x 1</span>
                    <strong><a href="item.html">Rolex Classic Watch</a></strong>
                    <em>$1230</em>
                    <a href="javascript:void(0);" class="del-goods"><i class="fa fa-times"></i></a>
                  </li>
                  <li>
                   <a href="item.html"><img src="assets/temp/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
                    <span class="cart-content-count">x 1</span>
                    <strong><a href="item.html">Rolex Classic Watch</a></strong>
                    <em>$1230</em>
                    <a href="javascript:void(0);" class="del-goods"><i class="fa fa-times"></i></a>
                  </li>
                  <li>
                    <a href="item.html"><img src="assets/temp/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
                    <span class="cart-content-count">x 1</span>
                    <strong><a href="item.html">Rolex Classic Watch</a></strong>
                    <em>$1230</em>
                    <a href="javascript:void(0);" class="del-goods"><i class="fa fa-times"></i></a>
                  </li>
                  <li>
                    <a href="item.html"><img src="assets/temp/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
                    <span class="cart-content-count">x 1</span>
                    <strong><a href="item.html">Rolex Classic Watch</a></strong>
                    <em>$1230</em>
                    <a href="javascript:void(0);" class="del-goods"><i class="fa fa-times"></i></a>
                  </li>
                  <li>
                    <a href="item.html"><img src="assets/temp/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
                    <span class="cart-content-count">x 1</span>
                    <strong><a href="item.html">Rolex Classic Watch</a></strong>
                    <em>$1230</em>
                    <a href="javascript:void(0);" class="del-goods"><i class="fa fa-times"></i></a>
                  </li>
                  <li>
                   <a href="item.html"><img src="assets/temp/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
                    <span class="cart-content-count">x 1</span>
                    <strong><a href="item.html">Rolex Classic Watch</a></strong>
                    <em>$1230</em>
                    <a href="javascript:void(0);" class="del-goods"><i class="fa fa-times"></i></a>
                  </li>
                  <li>
                    <a href="item.html"><img src="assets/temp/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
                    <span class="cart-content-count">x 1</span>
                    <strong><a href="item.html">Rolex Classic Watch</a></strong>
                    <em>$1230</em>
                    <a href="javascript:void(0);" class="del-goods"><i class="fa fa-times"></i></a>
                  </li>
                  <li>
                    <a href="item.html"><img src="assets/temp/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
                    <span class="cart-content-count">x 1</span>
                    <strong><a href="item.html">Rolex Classic Watch</a></strong>
                    <em>$1230</em>
                    <a href="javascript:void(0);" class="del-goods"><i class="fa fa-times"></i></a>
                  </li>
                </ul>
                <div class="text-right">
                  <a href="shopping-cart.html" class="btn btn-default">View Cart</a>
                  <a href="checkout.html" class="btn btn-primary">Checkout</a>
                </div>
              </div>
            </div>
            <!-- END CART CONTENT -->
        </div>
        <!-- END CART -->
        <!-- BEGIN NAVIGATION -->
        <div class="collapse navbar-collapse mega-menu">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                  <a class="dropdown-toggle" data-toggle="dropdown" data-delay="0" data-close-others="false" data-target="product-list.html" href="product-list.html">
                                                   商品分类 
                  <i class="fa fa-angle-down"></i>
                  </a>
                  <!-- BEGIN DROPDOWN MENU -->
                  <ul class="dropdown-menu" aria-labelledby="mega-menu">
                    <li>
                      <div class="nav-content">
                        <!-- BEGIN DROPDOWN MENU - COLUMN -->
                        <div class="nav-content-col">
                          <h3>Footwear</h3>
                          <ul>
                            <li><a href="product-list.html">Astro Trainers</a></li>
                            <li><a href="product-list.html">Basketball Shoes</a></li>
                            <li><a href="product-list.html">Boots</a></li>
                            <li><a href="product-list.html">Canvas Shoes</a></li>
                            <li><a href="product-list.html">Football Boots</a></li>
                            <li><a href="product-list.html">Golf Shoes</a></li>
                            <li><a href="product-list.html">Hi Tops</a></li>
                            <li><a href="product-list.html">Indoor and Court Trainers</a></li>
                          </ul>
                        </div>
                        <!-- END DROPDOWN MENU - COLUMN -->
                        <!-- BEGIN DROPDOWN MENU - COLUMN -->
                        <div class="nav-content-col">
                          <h3>Clothing</h3>
                          <ul>
                            <li><a href="product-list.html">Base Layer</a></li>
                            <li><a href="product-list.html">Character</a></li>
                            <li><a href="product-list.html">Chinos</a></li>
                            <li><a href="product-list.html">Combats</a></li>
                            <li><a href="product-list.html">Cricket Clothing</a></li>
                            <li><a href="product-list.html">Fleeces</a></li>
                            <li><a href="product-list.html">Gilets</a></li>
                            <li><a href="product-list.html">Golf Tops</a></li>
                          </ul>
                        </div>
                        <!-- END DROPDOWN MENU - COLUMN -->
                        <!-- BEGIN DROPDOWN MENU - COLUMN -->
                        <div class="nav-content-col">
                          <h3>Accessories</h3>
                          <ul>
                            <li><a href="product-list.html">Belts</a></li>
                            <li><a href="product-list.html">Caps</a></li>
                            <li><a href="product-list.html">Gloves, Hats and Scarves</a></li>
                          </ul>

                          <h3>Clearance</h3>
                          <ul>
                            <li><a href="product-list.html">Jackets</a></li>
                            <li><a href="product-list.html">Bottoms</a></li>
                          </ul>
                        </div>
                        <!-- END DROPDOWN MENU - COLUMN -->
                        <!-- BEGIN DROPDOWN MENU - BRANDS -->
                        <div class="nav-brands">
                          <ul>
                            <li><a href="product-list.html"><img title="esprit" alt="esprit" src="assets/temp/brands/esprit.jpg"></a></li>
                            <li><a href="product-list.html"><img title="gap" alt="gap" src="assets/temp/brands/gap.jpg"></a></li>
                            <li><a href="product-list.html"><img title="next" alt="next" src="assets/temp/brands/next.jpg"></a></li>
                            <li><a href="product-list.html"><img title="puma" alt="puma" src="assets/temp/brands/puma.jpg"></a></li>
                            <li><a href="product-list.html"><img title="zara" alt="zara" src="assets/temp/brands/zara.jpg"></a></li>
                          </ul>
                        </div>
                        <!-- END DROPDOWN MENU - BRANDS -->
                      </div>
                    </li>
                  </ul>
                  <!-- END DROPDOWN MENU -->
                </li>
                <li><a href="product-list.html">首页</a></li>
                <li class="dropdown">
                  <a class="dropdown-toggle" data-toggle="dropdown" data-delay="0" data-close-others="false" data-target="product-list.html" href="product-list.html">
                    	一元专区
                    <i class="fa fa-angle-down"></i>
                  </a>
                </li>
                <li><a href="product-list.html">最新揭晓</a></li>
                <li><a href="product-list.html">晒单分享</a></li>
                <li class="dropdown">
                  <a class="dropdown-toggle" data-toggle="dropdown" data-delay="0" data-close-others="false" data-target="#" href="#">
                    	云购指南
                    <i class="fa fa-angle-down"></i>
                  </a>
                  <!-- BEGIN DROPDOWN MENU -->
                  <ul class="dropdown-menu">
                    <li><a href="feature-forms.html">购买流程</a></li>
                    <li><a href="feature-buttons.html">入门帮助</a></li>
                    <li><a href="feature-icons.html">关于我们</a></li>
                  </ul>
                  <!-- END DROPDOWN MENU -->
                </li>
                <!-- BEGIN TOP SEARCH -->
                <li class="menu-search">
                    <span class="sep"></span>
                    <i class="fa fa-search search-btn"></i>
                    <div class="search-box">
                        <form action="#">
                            <div class="input-group">
                                <input type="text" placeholder="Search" class="form-control">
                                <span class="input-group-btn">
                                    <button class="btn btn-primary" type="submit">Search</button>
                                </span>
                            </div>
                        </form>
                    </div> 
                </li>
                <!-- END TOP SEARCH -->
            </ul>
        </div>
        <!-- END NAVIGATION -->
    </div>
</div>